<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="s" uri="/struts-tags" %>

<link rel="stylesheet"
	href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>

<script>
	$(function() {
		$("#datepicker").datepicker({
			maxDate : "+0M +0D",
			showOn : "button",
			dateFormat : "dd/mm/yy"
			//buttonImage : "/banco_front/static/Imagenes/calendar.gif",
			//buttonImageOnly : true
		});
	});
</script>
<script>
	$(function() {
		$("#datepicker2").datepicker({
			maxDate : "+0M +0D",
			showOn: "button",
			dateFormat : "dd/mm/yy"
		});
	});
</script>


<h1><s:text name="reportes.depositosyextracciones"/></h1>

<s:form id="depoyextr" >
	<s:select label="Cuenta"  list="cuentas" name="idCuenta" value="idCuenta" headerKey="" headerValue="%{getText('cuentas.seleccione')}" listKey="numero" listValue="getText(tipoCuenta.i18nKeyName) + ' - ' + numero" />
	
	<s:textfield label="Fecha Inicio" name="fechaIni" id="datepicker" readonly="true" />
	 <s:textfield label="Fecha Fin" readonly="true"
		name="fechaFin" id="datepicker2" />

	
	
	
	<s:submit name="depoyext" namespace="/reportes" key="btn.buscar" />
</s:form>

<s:if test="%{movimientos != null}">
	<table>
		<thead>
			<tr>
				<th><s:text name="reportes.depositosyextracciones.movimientos.numero" /></th>
				<th><s:text name="reportes.depositosyextracciones.movimientos.fecha" /></th>
				<th><s:text name="reportes.depositosyextracciones.movimientos.tipo" /></th>
				<th><s:text name="reportes.depositosyextracciones.movimientos.monto" /></th>
				<th><s:text name="reportes.depositosyextracciones.movimientos.origen" /></th>
			</tr>
		</thead>
		<tbody>
		<s:iterator value="movimientos" var="movimiento">
			<tr>
				<td><s:property value="id"/> </td>
				<td><s:property value="fecha"/></td>
				<td><s:property value="tipoMov"/></td>
				<td><s:property value="montoMovimiento"/></td>
				<td><s:property value="origen"/></td>
			</tr>
		</s:iterator>
			
		</tbody>
	
	</table>
</s:if>